<template>
  <div id="app">
    <!-- <div class="topbar"></div> -->
   
    <Topbar/>
    <Header/>
    <router-view/>
    <Footer/>
   <Login v-show="isShowLoginModal"></Login> 
  </div>
</template>
<script>
import Topbar from "@/components/Topbar.vue"
import Header from "@/components/Header.vue"
import Footer from "@/components/Footer.vue"
import Login from "@/components/Login.vue"
import { mapState } from "vuex"


export default {
  data() {
    return {
   
    }
  },
  computed: {
    ...mapState({
      isShowLoginModal:state=>state.showLoginModal.isShowLoginModal
    })
  },
  components: {
    Topbar,
    Header,
    Footer,
    Login,
  }
}

</script>
<style lang="less">
#app {
  font-family: Avenir, Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;

  // color: red;
}

</style>
